<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>测试用</title>
    <style>
        .share-style{
            display: inline-block;
            /*border: 1px solid greenyellow;*/
        }
        .share-style a{
            float: left;
            margin: 0 5px 0 0;
        }
        .weibo-icon{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat 0 -96px;
        }
        .weibo-icon:hover{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat 0 -128px;
        }
        .weixin-icon{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat -32px -96px;
        }
        .weixin-icon:hover{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat -32px -128px;
        }
        .qq-space-icon{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat -64px -96px;
        }
        .qq-space-icon:hover{
            float: left;
            width: 18px;
            height: 18px;
            background: url(../../static/img/ultimate-sprites.png) no-repeat -64px -128px;
        }
    </style>
</head>
<body>

<div class="m-share">
    <span class="txt">分享到:</span>
    <div class="share-style">
        <a class="share-to-weibo" href="" title="分享到微博" target="_blank">
            <span class="weibo-icon"></span>
        </a>
        <a class="share-to-weixin" href="" title="分享到微信" target="_blank">
            <span class="weixin-icon"></span>
        </a>
        <a class="share-to-qq-space" href="" title="分享到QQ空间" target="_blank">
            <span class="qq-space-icon"></span>
        </a>
    </div>
</div>
</body>
</html>